$primary: #2e7bfd;
$primary-light: #70bdff;
$primary-lighter: #f0f6ff;
$success: #289257;
$success-light: #dbf6e7;
$warning: #ffbf26;
$danger: #ff3b3b;
$info: #465280;
$info-light: #9ca5c4;
$white: #fff;
$black: #000;

$text-main: #28282c;
$text-base: #666;
$text-secondary: #999;
$text-extra: #c1c1c1;
$text-placeholder: #808080;

$border-base: #e1e1e1;
$border-dark: #999;
$border-light: #eaeaea;
$border-lighter: #efefef;

$background-base: #f5f5f5;
$background-light: #f9f9f9;
$background-dark: #c9c9c9;
$background-info: #ecedf2;
$background-primary-light: #e3effd;

$font-size-0: 20rpx;
$font-size-1: 24rpx;
$font-size-2: 26rpx;
$font-size-3: 28rpx;
$font-size-4: 30rpx;
$font-size-5: 32rpx;
$font-size-6: 34rpx;
$font-size-7: 36rpx;
$font-size-8: 40rpx;


$uni-primary: $primary;
$uni-success: $success;
$uni-warning: $warning;
$uni-error: $danger;
$uni-info: $info;

$uni-main-color: $text-main;
$uni-base-color: $text-base;
$uni-secondary-color: $text-secondary;
$uni-extra-color: $text-extra;

:export {
  primary: $primary;
  primaryLighter: $primary-lighter;
  success: $success;
  successLight: $success-light;
  warning: $warning;
  danger: $danger;
  info: $info;
  border: $border-base;
  borderDark: $border-dark;
  background: $background-base;
  backgroundLight: $background-light;
  backgroundDark: $background-dark;
  textMain: $text-main;
};
